/**
 * CSS变量定义（配色方案）
 */

:root {
  /* 主色系 */
  --primary: #409EFF;
  --success: #67C23A;
  --warning: #E6A23C;
  --danger: #F56C6C;
  --info: #909399;

  /* 背景色 */
  --bg-main: #F5F7FA;
  --bg-card: #FFFFFF;
  --bg-hover: #F5F7FA;

  /* 文字颜色 */
  --text-color: #303133;
  --text-secondary: #606266;
  --text-placeholder: #A8ABB2;
  --text-disabled: #C0C4CC;

  /* 边框颜色 */
  --border-color: #DCDFE6;
  --border-light: #E4E7ED;
  --border-lighter: #EBEEF5;

  /* 图表配色 */
  --chart-blue: #409EFF;
  --chart-green: #67C23A;
  --chart-orange: #E6A23C;
  --chart-red: #F56C6C;
  --chart-purple: #9B59B6;
  --chart-teal: #1ABC9C;
  --chart-pink: #E91E63;
  --chart-amber: #FFC107;

  /* 图表渐变色 */
  --chart-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --chart-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --chart-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);

  /* 阴影 */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);

  /* 过渡 */
  --transition-fast: 0.2s;
  --transition-base: 0.3s;
  --transition-slow: 0.5s;

  /* 圆角 */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
}

